/* CSS file */
.button
{
    upSkin: Embed( source="../assets/button_up_skin.png" ,
                scaleGridTop="14", scaleGridLeft="30", 
                scaleGridBottom="15", scaleGridRight="60" ) ;
                
    downSkin: Embed( source="../assets/button_up_skin.png" ,
                scaleGridTop="14", scaleGridLeft="30", 
                scaleGridBottom="15", scaleGridRight="60" ) ;
                    
    overSkin: Embed( source="../assets/button_over_skin.png",
                    scaleGridTop="14", scaleGridLeft="30", 
                    scaleGridBottom="15", scaleGridRight="60" ) ;
                    
    disabledSkin: Embed( source="../assets/button_up_skin.png",
                    scaleGridTop="14", scaleGridLeft="30", 
                    scaleGridBottom="15", scaleGridRight="60" ) ;
 
    font-family: Verdana;
    color: #2E3436 ;
    font-size: 12px;
    font-weight: bold;    
    
    paddingRight : 30 ;
    paddingLeft     : 30 ;
}

.buttonStart
{
    upSkin: Embed( source="../assets/front_start_up_skin.png" ,
                scaleGridTop="14", scaleGridLeft="30", 
                scaleGridBottom="15", scaleGridRight="60" ) ;
                
    downSkin: Embed( source="../assets/front_start_up_skin.png" ,
                scaleGridTop="14", scaleGridLeft="30", 
                scaleGridBottom="15", scaleGridRight="60" ) ;
                    
    overSkin: Embed( source="../assets/front_start_over_skin.png" ,
                    scaleGridTop="14", scaleGridLeft="30", 
                    scaleGridBottom="15", scaleGridRight="60" ) ;
                    
    disabledSkin: Embed( source="../assets/front_start_up_skin.png" ,
                    scaleGridTop="14", scaleGridLeft="30", 
                    scaleGridBottom="15", scaleGridRight="60" ) ;    
    
}

.buttonPause
{
    upSkin: Embed( source="../assets/front_pause_up_skin.png" ,
                scaleGridTop="14", scaleGridLeft="30", 
                scaleGridBottom="15", scaleGridRight="60" ) ;
                
    downSkin: Embed( source="../assets/front_pause_up_skin.png" ,
                scaleGridTop="14", scaleGridLeft="30", 
                scaleGridBottom="15", scaleGridRight="60" ) ;
                    
    overSkin: Embed( source="../assets/front_pause_over_skin.png" ,
                    scaleGridTop="14", scaleGridLeft="30", 
                    scaleGridBottom="15", scaleGridRight="60" ) ;
                    
    disabledSkin: Embed( source="../assets/front_pause_up_skin.png" ,
                    scaleGridTop="14", scaleGridLeft="30", 
                    scaleGridBottom="15", scaleGridRight="60" ) ;    
    
}

.linkButton
 {
   cornerRadius: 12;
   rollOverColor: #FFFFFF ;
   selectionColor: #cccccc;
   color:#000000 ;
   fontSize: 12;
   fontWeight: normal;
}
